


<script setup>
	
	import { onLoad } from "@dcloudio/uni-app";
	import ADSList from "./ADSList.vue";
	
	var groupId;
	onLoad(async function(options) {
		if (options.id)
			groupId = options.id;
	});
	
	
	function clickBack()
	{
		uni.navigateBack();
	}
	
	function clickPlus()
	{
		uni.navigateTo({
			url: "/pages/manage/ads/manage/addADS/addADS?id=" + groupId
		})
	}
</script>


<template>
	
	<header>
		
		<nav>
			<img class="image-back" alt="返回按钮" src="/images/back.jpg" v-on:click="clickBack">
			<img class="image-plus" alt="添加按钮" src="/images/plus.jpg" v-on:click="clickPlus"/>
		</nav>
		
		
	</header>
	
	
	<main>
		<ADSList
			v-bind:group-id="groupId"
		/>
	</main>
	
</template>


<style>

	nav {
		height: 6vh;
		background-color: whitesmoke;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	nav > .image-back {
		margin-left: 5px;
	}
	
	nav > .image-plus {
		margin-right: 5px;
	}
	
	
	main {
		justify-centent: center;
		align-items: center;
	}
	
	
	.background-tip {
		font-size: x-large;
		color: gray;
		text-align: center;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 36vh);
	}
</style>


